<template>
  <div>
    <a href="https://vuejs.org/" target="_blank">
      <img src="../assets/logo.png" class="logo LowTea" alt="LowTea logo" />
    </a>
  </div>

  <div>
    <el-row>
      <el-button type="success" @click="jump1">登录</el-button>
      <el-button type="success" @click="jump2">注册</el-button>
    </el-row>
  </div>

</template>


<script>
export default {
  name: "HomeView",
  data () {
    return {}
  },
  methods: {
    jump1() {
      this.$router.push('/login')
    },
    jump2() {
      this.$router.push('/register')
    }
  }
}
</script>

<style scoped>
.read-the-docs {
  color: #888;
}
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
.logo.LowTea:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
